* {
  box-sizing: border-box;  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-touch-callout: none;
}
body {
  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  overflow: hidden;  font-family: $font-family-default;  font-size: $font-size-default;  line-height: 1.5;  color: $color-text;  background: $color-bg;
}
a, input, textarea, select, button {
  outline: 0;
}

p {
  margin: 1em 0;
}

a {
  color: $color-link;  text-decoration: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.
  &:active {
    color: $color-link-active;
  }
}

.page {
  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 2000;  background: $color-bg;
}

// Wrapper to be used around all content not in .bar-title and .bar-tab
.content {
  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  overflow: auto;  -webkit-overflow-scrolling: touch;
}
